<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
                
    <p:toolbar id="tb" styleClass="barraBusqueda">
                
        <f:facet name="left">
                        
            <p:commandButton value="Principal" id="btnPrincipal"   
                             icon="home16"                              
                             process="@this"
                             actionListener="#{catalogoBean.limpiarFiltros}"
                             update="@all"                              
                             tabindex="-1" >
                <f:setPropertyActionListener value="true" target="#{catalogoBean.muestraPrincipal}" />
            </p:commandButton>
            
            
        </f:facet>

        <f:facet name="right">
            
            <div class="buscadorGral">
            <h:outputText value="Buscar: " />
            <p:inputText id="txtBusqueda" value="#{catalogoBean.txtDescripcion}" size="40" tabindex="1" 
                         placeholder="Marca, código o descripción">                
            </p:inputText>
            </div>
            
            <div class="btnBuscar">
                <p:commandButton value="Buscar" id="btnBuscar"   
                             icon="find16" 
                             actionListener="#{catalogoBean.verProductosByRubro(true)}" 
                             process="@this,txtBusqueda" 
                             update=":formulario:divDetalle , :formulario:tFiltros ,:formulario:divCantidadProductos"                             
                             tabindex="2"/>
            </div>
            
            <div class="btnLimpiar">
                <p:commandButton value="Limpiar filtros" id="btnLimpiar"
                             icon="clean16" 
                             actionListener="#{catalogoBean.limpiarFiltros}" 
                             process="@this" 
                             update=":formulario:divDetalle , :formulario:tFiltros ,:formulario:divCantidadProductos, 
                             :formulario:divFiltrosAdicionales, :formulario:txtBusqueda" />
            
            </div>
                
            
            <p:defaultCommand target="btnBuscar" />            
            <p:tooltip for="txtBusqueda" style="font-size: 16px;" >
                
            

                <div style="width: 400px;"  >
                    <strong>Buscador de productos</strong>
                    <p>
                        Ingrese palabra a buscar.
                        La tienda virtual le devolverá coincidencias con códigos de productos,
                        descripciones, tipos de productos, subtipos y marcas.
                    </p>
                </div>

            </p:tooltip>   
        </f:facet>
            
    </p:toolbar>   
    
    <!--<ui:include src="../inventario/filtrosAdicionales.xhtml" />  -->
    
    
   
</ui:composition>
